.view-container {
  overflow-y: hidden;
  background: #fff;
  border-radius: 12px;
  padding: 24px 32px;
  box-shadow: 0 2px 8px rgba(64,158,255,0.08);
  overflow-x: hidden;
}

.material-manage,
.person-manage,
.device-manage,
.product-manage {
  padding: 20px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1);
}

.search-form {
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.el-button {
  margin-right: 10px;
}

.el-table {
  width: 100%;
  margin-top: 20px;
}

.el-pagination {
  margin-top: 20px;
  text-align: right;
}

.el-dialog {
  max-width: 600px;
  margin: 0 auto;
}

.el-form-item {
  margin-bottom: 20px;
}

.el-form-item__content {
  width: 100%;
}

.el-date-editor.el-input,
.el-date-editor.el-input__wrapper,
.el-select {
  width: 100%;
}